html {font-size: 16px;}

body, html { height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background:#fff}

body, html, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, th, td, a, img, span, button { 
	margin: 0; 
	padding: 0; 
	cursor: default;
	font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, STHeiti, 'Microsoft YaHei', Arial, Verdana, sans-serif; 
	}

ul, ol, dl, li, dt, dd { list-style: none; border: 0; }

input, textarea { -webkit-tap-highlight-color: rgba(111, 111, 111, 0); }

input[type='search'] {-webkit-tap-highlight-color:rgba(0,0,0,0); }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #bbb;font-size:1rem;font-weight: normal;}
    
input:-moz-placeholder, textarea:-moz-placeholder {color:#bbb;font-size:1rem;font-weight: normal;}

input::-moz-placeholder, textarea::-moz-placeholder {color:#bbb;font-size:1rem;font-weight: normal;}
    
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#bbb;font-size:1rem;font-weight: normal;}

textarea{resize:none;-webkit-appearance:none;outline:none;}

.clearfix:after {display: block; clear: both; height: 0px; overflow: hidden; content: "" }

.clearfix { *zoom: 1; }

/* img {max-width: 100%; } */

a{text-decoration: none;	-webkit-user-select: none;
	-moz-user-focus: none;
    -moz-user-select: none;}

a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    /*background: none;*/
    text-decoration: none;
}

.line1{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.line2{  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  }

.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

/*::-webkit-scrollbar {
    display: none;
}*/

.fadeIn {
    -webkit-animation: fadeIn .8s ease-in both;
    animation: fadeIn .8s ease-in both;
}
@-webkit-keyframes fadeIn{
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes fadeIn{
    0%{opacity:0}
    100%{opacity:1}
}

@media screen and (min-width: 375px) {
    html {
        /* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */
        font-size: calc(100% + 2 * (100vw - 375px) / 39);
        font-size: calc(16px + 2 * (100vw - 375px) / 39);
    }
}
@media screen and (min-width: 414px) {
    html {
        /* 414px-1000px每100像素宽字体增加1px(18px-22px) */
        font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
        font-size: calc(18px + 4 * (100vw - 414px) / 586);
    }
}
@media screen and (min-width: 600px) {
    html {
        /* 600px-1000px每100像素宽字体增加1px(20px-24px) */
        font-size: calc(125% + 4 * (100vw - 600px) / 400);
        font-size: calc(20px + 4 * (100vw - 600px) / 400);
    }
}
@media screen and (min-width: 1000px) {
    html {
        /* 1000px往后是每100像素0.5px增加 */
        font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000);
        font-size: calc(22px + 6 * (100vw - 1000px) / 1000);
    }
}


html{
    max-width: 1024px;
    margin: auto;
}
@media screen and (min-width: 1000px) {
    html{
        max-width: 600px;
        font-size: 65px !important;
    }
}


